<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	    		xmlns:ui="http://java.sun.com/jsf/facelets"
	  			xmlns:h="http://java.sun.com/jsf/html"
	  			xmlns:f="http://java.sun.com/jsf/core"
                xmlns:s="http://jboss.org/schema/seam/taglib"
				template="template.xhtml">

<!-- content -->
<ui:define name="content">
<div class="section">
	<h1>Confirm Hotel Booking</h1>
</div>
<div class="section">
	<h:form id="confirm">
	<fieldset>
		<s:decorate template="output.xhtml">
			<ui:define name="label">Name:</ui:define>
			#{hotel.name}
		</s:decorate>
		
		<s:decorate template="output.xhtml">
			<ui:define name="label">Address:</ui:define>
			#{hotel.address}
		</s:decorate>
		
		<s:decorate template="output.xhtml">
			<ui:define name="label">City, State:</ui:define>
			#{hotel.city}, #{hotel.state}
		</s:decorate>
		
		<s:decorate template="output.xhtml">
			<ui:define name="label">Zip:</ui:define>
			#{hotel.zip}
		</s:decorate>
		
		<s:decorate template="output.xhtml">
			<ui:define name="label">Country:</ui:define>
			#{hotel.country}
		</s:decorate>
		
		<s:decorate template="output.xhtml">
			<ui:define name="label">Room Preference:</ui:define>
			#{roomSelection.name}
		</s:decorate>
		
		<s:decorate template="output.xhtml">
			<ui:define name="label">Total payment:</ui:define>
               <h:outputText value="#{roomPreference.expectedPrice}">
                   <f:convertNumber type="currency" 
                                    currencySymbol="$"/>
               </h:outputText>
        </s:decorate>
        
        <s:decorate template="output.xhtml">
			<ui:define name="label">Check In Date:</ui:define>
			<h:outputText value="#{booking.checkinDate}"/>
		</s:decorate>
		
		<s:decorate template="output.xhtml">
			<ui:define name="label">Check Out Date:</ui:define>
			<h:outputText value="#{booking.checkoutDate}"/>
		</s:decorate>
		<s:decorate template="output.xhtml">
			<ui:define name="label">Credit Card #:</ui:define>
			#{booking.creditCard}
		</s:decorate>
		<s:decorate id="buttonDecorate" template="output.xhtml">
			<ui:define name="label">&#160;</ui:define>
			<h:commandButton id="confirm" value="Confirm" action="#{hotelBooking.confirm}"/>&#160;
   			<s:button id="revise" value="Revise" view="/payment.xhtml"/>&#160;
   			<h:commandButton id="cancel" value="Cancel" action="#{hotelBooking.cancel}"/>
		</s:decorate>
	</fieldset>
	</h:form>
</div>
</ui:define>

<!-- sidebar -->
<ui:define name="sidebar"></ui:define>

</ui:composition>
